{% extends 'base.html' %}
{% load staticfiles %}
{% block extra_head %}
    <script src="{% static 'post/js/echarts.js' %}"></script>
    <script type="text/javascript" src="{% static 'movie/js/laydate/laydate.js' %}"></script>
{% endblock %}

{% block navbar %}
    <div id="select-bd">
        <div class="year-bd">
            <strong>年份：</strong>
            <div class="year-part">
                <div class="alert alert-warning" style="display: none">
                    <a href="#" class="close" data-dismiss="alert">
                        &times;
                    </a>
                    <strong>警告！</strong><span>需要两个年份</span>
                </div>
                <label for="year-one"></label>
                <input type="text" class="layui-input" id="year-one">
                -
                <label for="year-two"></label>
                <input type="text" class="layui-input" id="year-two">
            </div>
        </div>
        <div class="demand-bd">
            筛选排序：
            <div class="demand-score">
                <button type="button" class="btn btn-default btn-lg" id="sort-score" data-status="0">
                    <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> score
                </button>
            </div>
{#            <div class="demand-people">#}
{#                <button type="button" class="btn btn-default btn-lg" id="sort-comment" data-status="0">#}
{#                    <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> 评论人数#}
{#                </button>#}
{#            </div>#}
        </div>
    </div>
{% endblock %}
{% block content %}
    <div id="main-bd">
        <div id="main-content" style="width: 800px;height:600px;display: block;align-content: center">
        </div>
    </div>

{% endblock %}
{% block script %}
    <script src="{% static 'post/js/index_chart.js' %}"></script>
{% endblock %}